<!DOCTYPE html>
<!--订单详情 -->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单详情</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/Brand introduction.css">
    <link rel="stylesheet" type="text/css" href="css/news.css" />
    <link rel="stylesheet" href="css/order detalis.css">
</head>

<body>
    <div class="continer">
        <!-- 头部statrt -->
        <div class=" header w">
            <!-- logo部分start -->
            <div class="logo">
                <img src="upload/03.1001(1).png" alt="">
            </div>
            <!-- logo部分end -->
            <!-- nav部分start -->
            <div class="nav">
                <ul>
                    <li><a href="index.html">公司首页</a></li>
                    <li><a href="Brand introduction.html">品牌介绍</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="contactus.html">联系我们</a></li>
                    <li><a href="user.html">会员中心</a></li>
                </ul>
                <div class="Sign">
                    <ul>
                        <li><a href="login.html">登录</a></li>
                        <li><a href="rigister.html">注册</a></li>
                    </ul>
                </div>
                <div class="shopp">
                    <a href="shop cart.html">
                        <img src="upload/满购物车.png" alt="">
                        <span>0</span>
                    </a>
                </div>

                <div class="Sosu">
                    <input type="text" class="Search">
                    <a href="#">
                        <img src="upload/放大镜(1).png" alt="">
                    </a>
                </div>
            </div>
            <!-- nav部分end -->
        </div>

        <!-- 头部end -->
        <!-- 右边部分start -->
        <aside class="news-box-r">
            <!-- 右边头部盒子start -->
            <div class="hea-one">
                <div class="box-left">
                    <hr>
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                </div>
                <h3>订单详情</h3>
                <div class="box-right">
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                    <hr>
                </div>
            </div>
            <!-- 右边头部盒子end -->
            <!-- 右边具体盒子start -->
            <div class="OrderDetalisBox">
                <div class="OrderDetalisBox-one">
                    <div class="OrderDetalisBox-one-hd">
                        <h5>订单概况</h5>
                        <p>订单号：HDP199755623566541 状态：待付款</p>
                    </div>
                    <div class="OrderDetalisBox-one-by">
                        <p>订单金额：
                            <span>
                                <a href="#">
                                    ¥ 269.00
                                </a>
                            </span> （以免运费）
                        </p>
                        <p>收货信息：白小姐 12345678912 广东省 深圳市 龙华新区民乐</p>
                        <p>支付方式：未支付</p>
                        <p>送货方式：买家留言</p>
                    </div>
                </div>
                <!-- 第一个盒子结束 -->
                <div class="OrderDetalisBox-two">
                    <h5>订单跟踪详情</h5>
                    <p>
                        <span style="margin-right: 150px;">处理时间</span>
                        <span style="margin-right: 250px;">订单处理</span>
                        <span> 操作人</span>
                    </p>
                    <p>
                        <span style="margin-right: 77px;">2017.02.20 22:22:00 </span>
                        <span style="margin-right: 250px;">提交订单</span>
                        <span>12345678912</span>
                    </p>

                </div>
                <!-- 第二个盒子结束 -->
                <div class="OrderDetalisBox-three">
                    <h5>商品清单</h5>
                    <div class="OrderDetalisBox-three-p">
                        <a href="#">
                            <img src="imges/2945a233618ad37adb95bc4d0005512de7bee52323836-12gqbH_fw658拷贝.png" alt="">
                        </a>
                        <span style="color: #4e4e4e; top: 23px;">北欧现代简约柜</span>
                        <span style="top: 49px;">数量：1</span>
                        <span class="spancolor">¥ 269.00</span>
                        <span class="spancolor" style="left: 676px;">1</span>
                        <span class="spancolor" style="left: 820px; color: #392723;">¥ 269.00</span>
                    </div>
                </div>
                <!-- 第三个盒子结束 -->
                <div class="OrderDetalisBox-four">
                    <p>商品价格：<span>¥ 269.00</span></p>
                    <p>运费：<span style="padding-right: 20px;">¥ 0.00</span></p>
                    <p>优惠：<span style="padding-right: 22px;">¥0.00</span></p>
                    <p>总计：<span>¥ 269.00</span></p>
                </div>
            </div>
            <!-- 右边具体盒子end -->
        </aside>
        <!-- 右边部分end -->
    </div>

    <!-- footer部分statr -->
    <footer class="footer">
        copyright 2002-2012 深圳市挪亚家有限公司版权所有 深ICP备12004685号
    </footer>
    <!-- footer部分end -->
</body>

</html>